<script setup lang="ts">
import TodoItem from './TodoItem.vue'
import useTodo from '../../composables/useTodo'
const { todos } = useTodo()
</script>

<template>
  <div v-if="todos.length > 0">
    <TodoItem :todo="todo" v-for="todo in todos" :key="todo.id"></TodoItem>
  </div>
  <div v-else class="text-center text-gray-500 py-4 select-none">暂无数据</div>
</template>

<style lang="scss" scoped></style>
